<!DOCTYPE html>
<html lang="en">
<head>

    <title>账单列表</title>

    <titleType style="display: none;">mybills</titleType>
    <%- include('../../../_global/baseLibs') %>
    <script src="/static/lib/forweb.js"></script>
    <script src="/quickJs/scripts/swiper/3.4.2/js/swiper.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/css/payment.css">
    <script src="/quickJs/scripts/common/md5.js"></script>

</head>
<style>
    .hospital-detail .hospital-jj-box .text-box span.yellow {
        margin-left: 0.5rem !important;
    }
    .yyxx-box .pay-list-box > ul,.yyxx-box .pay-list-box .bg{
        position: fixed;

    }

</style>

<body>

<section class="page-wrap hospital-detail" style="width: 100%;">

    <div class="hospital-tab-box">
        <ul class="row" id="ListTab">
            <li class="col-xs-4 active" index="0">
                <a>全部</a>
            </li>
            <li class="col-xs-4" index="1">
                <a>未支付</a>
            </li>
            <li class="col-xs-4" index="2">
                <a>已支付</a>
            </li>
        </ul>
    </div>
    <div id="ListTabBox">
        <div class="tab active" id="allBill" index="0">


        </div>
        <div class="tab" style="display:none;"  index="1">
            <div id="noPayBill"></div>
            <div style="height: 4rem;width: 100%;"></div>
            <button  href="javascript:void(0);" id="allPay" class="pay" >全部支付</button>

        </div>
        <div class="tab" style="display:none;" id="paied" index="2">

        </div>
    </div>
</section>



<section class="page-wrap yyxx-box">
    <div class="pay-list-box">
        <div class="bg"></div>
        <ul id="payMode">
            <li class="title">请选择支付方式<i class="close-btn"></i></li>
            <li value="2" class="active">
                <a>
                    <i class="icon-box icon2"></i>
                    <span>支付宝</span>
                    <i class="yes-icon"></i>
                </a>
            </li>
            </li>
            <!--  <li value="0">
                 <a>
                     <i class="icon-box icon4"></i>
                     <span>到医院付</span>
                     <i class="yes-icon"></i>
                 </a>
             </li> -->
            <li>
                <div class="pay-btn-box">
                    <a class="pay-btn" href="javascript:void(0);">确认支付</a>
                </div>
            </li>
        </ul>
    </div>
</section>

</body>


</html>
<script type="text/html" id="noPayBillTpl">
    {{each data}}
    <ul class="bilsContent" >
        <li><span class="grayFont">就诊流水号:</span> <span class="cfhm"> {{$value.jzlsh}}</span>
            <input type="checkbox" class="fwtc-choose-box" onclick="checkNum({{$value}},{{$index}})" name="{{$index}}">
        </li>
        <li><span class="grayFont">所属科室:</span>{{$value.kfksmc}}</li>
        <li class="payInfo"><div><span class="grayFont">账单类型:</span>  普通处方 </div>
            <div><span  class="grayFont">支付金额:</span> {{$value.cfje}}</div></li>
        <li><span class="grayFont">账单创建时间:</span> {{$value.kfsj}}</li>
        <li><span ></span><button onclick="toOpenPay({{$value}})">支付</button></li>
    </ul>

    {{/each}}
</script>
<script type="text/html" id="allPayTpl">
    {{each data}}
    <div>
        <ul class="bilsContent">
            <li><span class="grayFont">账单编号:</span>
                <span class="cfhm"> {{$value.cfhm}}</span>
            </li>
            <li><span class="grayFont">所属科室:</span>{{$value.kfksmc}}</li>
            <li class="payInfo"><div><span class="grayFont">账单类型:</span>  普通处方 </div>
                <div><span  class="grayFont">支付金额:</span> {{$value.cfje}}</div></li>
            <li><span class="grayFont">账单创建时间:</span> {{$value.kfsj}}</li>
            <li><span ></span><button onclick="toOpenPay({{$value}})">支付</button></li>
            <li><span id="display{{$index}}" value="{{$value.cfhm}}"  onclick="displayDrug({{$index}})">查看详情</span></li>
        </ul>
        <div class="DrugList hide" id="DrugList{{$index}}">
            <div class="table-box">
                <table>
                    <tr>
                        <th>项目名称</th>
                        <th>单位</th>
                        <th>数量</th>
                        <th>单价</th>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    {{/each}}
</script>
<script type="text/html" id="paiedTpl">
    {{each data}}
    <ul class="bilsContent">
        <li><span class="grayFont">账单编号:</span> {{$value.sjbh}} </li>
        <li><span class="grayFont">所属科室:</span>{{$value.ksmc}}</li>
        <li class="payInfo"><div><span class="grayFont">账单类型:</span>  普通处方 </div>
            <div><span  class="grayFont">支付金额:</span> {{$value.jfje}}</div></li>
        <li><span class="grayFont">账单完成时间:</span> {{$value.sfrq}}</li>
        </li>
    </ul>
    {{/each}}
</script>
<script type="text/html" id="cfDetailTpl">
    {{each data}}
    <tr>
        <td>{{$value.xmmc}} </td>
        <td>{{$value.xmdw }}</td>
        <td>{{$value.xmsl}} </td>
        <td>{{$value.xmdj}} </td>
    </tr>
    {{/each}}
</script>
<script src="/static/js/myBill.js"></script>
<!--<script>-->

    <!--var page_myBill = (function($, page_myBill) {-->

        <!--function checkNum(value,i){-->
         <!---->
            <!--var list = $("#noPayBill .bilsContent");-->
            <!--var uncheck =  $(list[i]).find(".fwtc-choose-box")[0].uncheck;-->
            <!--if(uncheck){-->
                <!--$.QuickAlert.alertNormal("不同的就诊号不能合并支付！");-->
                <!--$(list[i]).find(".fwtc-choose-box")[0].checked = false;-->
                <!--return false;-->
            <!--}-->
            <!--var jzh = value.jzlsh;-->
            <!--var checked = $(list[i]).find("input")[0].checked;-->
            <!--var checkedBox = $("input.fwtc-choose-box:checked").parents(".bilsContent");-->
            <!--if(checkedBox.length>1){-->
                <!--return;-->
            <!--}else if(checkedBox.length ==1){-->
                <!--$(list).each(function(index,arr){-->
                    <!--if(index !=i && value.jzlsh!=jzh ){-->
                        <!--var input =  $(list[index]).find(".fwtc-choose-box")[0];-->
                        <!--input.uncheck = true;-->
                    <!--}else{-->
                        <!--var input =  $(list[index]).find(".fwtc-choose-box")[0];-->
                        <!--input.disabled = false;-->
                    <!--}-->
                <!--})-->
            <!--}else{-->
                <!--$(list).each(function(index,arr){-->
                    <!--var input =  $(list[index]).find(".fwtc-choose-box")[0];-->
                    <!--input.uncheck = false;-->
                <!--})-->
            <!--}-->

        <!--}-->
        <!--function getList() {-->
            <!--$('.pay-list-box').find("li").click(function(){-->
                <!--if( ! $(this).hasClass('active')){-->
                    <!--$(this).addClass('active').siblings().removeClass('active');-->
                <!--}else{-->
                    <!--$(this).removeClass('active');-->
                <!--}-->
            <!--})-->
            <!--/**医院信息table切换*/-->
            <!--$("#ListTab").on("click", "li", function () {-->
                <!--if (!$(this).hasClass("active")) {-->
                    <!--$(this).addClass("active").siblings().removeClass("active");-->
                <!--}-->
                <!--var index = $(this).attr("index");-->
                <!--$("#ListTabBox").find(".tab").hide();-->
                <!--$("#ListTabBox").find(".tab[index='" + index + "']").show();-->
            <!--});-->

            <!--/**获取跳转路径参数判断tab切换*/-->
            <!--var tab = $.QuickUrlUtils.getRequest("HOSDETAIL_TAB");-->
            <!--if (!StringUtils.isEmpty(tab)) {-->
                <!--$("#ListTab").find("li[index='" + tab + "']").trigger("click");-->
            <!--}-->
            <!--// initNoPayData();-->
            <!--//动态获取数据-->
            <!--var searchInfo =  StoreCache.getCache("searchInfo");-->
            <!--var getPrescriptionRecordParam = {-->
                <!--yljgdm:searchInfo.hosCode,-->
                <!--klx:"01",-->
                <!--kh:searchInfo.patientCardId,-->
                <!--zzmzsj:searchInfo.beginTime,-->
                <!--zwmzsj:searchInfo.endTime,-->
                <!--jzlsh:""};-->
            <!--// var getPrescriptionRecordParam = {-->
            <!--//     yljgdm:"740035778",-->
            <!--//     klx:"01",-->
            <!--//     kh:"510123199101273421",-->
            <!--//     zzmzsj:"2017-01-01",-->
            <!--//     zwmzsj:"2017-12-31",jzlsh:"201711150002"};-->
            <!--$.QuickRemote.AjaxJson({-->
                <!--funcName:"/api/gzd/ynzf/report/getPendingPaymentInfo"-->
                <!--,callback:initNoPayData-->
                <!--,params:getPrescriptionRecordParam-->
            <!--});-->
            <!--function initNoPayData(arr) {-->
                <!--if(arr && arr.length>0){-->

                    <!--var str = template("noPayBillTpl", {data:arr});-->
                    <!--$('#noPayBill').append(str);-->
                    <!--var str1 = template("allPayTpl", {data:arr});-->
                    <!--$('#allBill').append(str1);-->


                <!--}-->

            <!--}-->
            <!--// payed();-->
            <!--//动态获取数据-->
            <!--var searchInfo =  StoreCache.getCache("searchInfo");-->
            <!--var getPrescriptionRecordParam = {-->
                <!--yljgdm:searchInfo.hosCode,-->
                <!--klx:"01",-->
                <!--kh:searchInfo.patientCardId,-->
                <!--ksrq:searchInfo.beginTime,-->
                <!--jsrq:searchInfo.endTime-->
            <!--};-->
            <!--// var getPrescriptionRecordParam = {-->
            <!--//     yljgdm:"451135959",-->
            <!--//     klx:"01",-->
            <!--//     kh:"510123199101273421",-->
            <!--//     ksrq:"2017-01-01",-->
            <!--//     jsrq:"2018-03-20"-->
            <!--// };-->
            <!--$.QuickRemote.AjaxJson({-->
                <!--funcName:"/api/gzd/ynzf/report/findCompletePayRecord"-->
                <!--,callback:payed-->
                <!--,params:getPrescriptionRecordParam-->
            <!--});-->
            <!--function payed(arr) {-->
                <!--if(arr && arr.length>0){-->

                    <!--var str = template("paiedTpl", {data:arr});-->
                    <!--$('#allBill').append(str);-->
                    <!--$('#paied').append(str);-->

                <!--}-->

            <!--}-->
            <!--$(".pay-btn").on("click",function(){-->
                <!--var jq = $("#payMode").find(".active[value]");-->
                <!--var length = $(jq).length;-->
                <!--if(length == 0){-->
                    <!--$.QuickAlert.alertFail({-->
                        <!--content : "请选择支付方式！"-->
                    <!--});-->
                <!--}else{-->
                    <!--$(".yyxx-box").addClass("hide");-->
                    <!--$('.pay-list-box').hide();-->
                    <!--toPay();-->
                <!--}-->
            <!--});-->
        <!--}-->

        <!--function displayDrug(index){-->
            <!--var userinfo = StoreCache.getCache("selecteUser");-->

            <!--var hosCode= $.QuickUrlUtils.getRequest("hosId");-->
            <!--var loadState = $("#DrugList"+index).attr("loadState") || "standby";-->
            <!--if(loadState != "loaded"){-->
                <!--$.QuickRemote.AjaxJson("/api/jkcsHt/ynzf/report/getPrescriptionDetail",function(result){-->
                    <!--$("#DrugList"+index).attr("loadState","loaded");-->
                    <!--var tr = template("cfDetailTpl", {data:result});-->
                    <!--$("#DrugList" + index).find("table").find("tbody").append(tr);-->

                <!--},{-->
                    <!--yljgdm:hosCode,-->
                    <!--kh:"510123199101273421",-->
                    <!--klx:"01",-->
                    <!--cfhm:$("#display" + index).attr("value"),-->
                    <!--jzlsh:""-->
                <!--});-->
            <!--}-->
            <!--if($("#DrugList"+index) && $("#DrugList"+index).hasClass('hide')){-->
                <!--$("#DrugList"+index).removeClass("hide");-->
                <!--$("#display"+index)[0].innerHTML = "收起";-->
            <!--}else{-->
                <!--$("#DrugList"+index).addClass("hide");-->
                <!--$("#display"+index)[0].innerHTML = "查看详情";-->
            <!--}-->

        <!--}-->


        <!--$.JkcsUtils.jsbridgeRegister("payEnd", function(params){-->
            <!--//console.log(params);-->
            <!--payEnd(params);-->
        <!--});-->
        <!--$.JkcsUtils.jsbridgeRegister("visibleRefresh", function(params){-->
            <!--//console.log(params);-->
            <!--visibleRefresh(params);-->
        <!--});-->
        <!--function toOpenPay(data){-->
            <!--$('.pay-list-box').show();-->
            <!--$(".pay-btn").data("payInfo",data);-->
        <!--}-->
        <!--function toPay(){-->
            <!--var searchInfo =  StoreCache.getCache("searchInfo");-->
            <!--var data =$(".pay-btn").data("payInfo");-->
            <!--$.QuickRemote.AjaxJson({-->
                <!--funcName:"/api/gzd/ynzf/report/getZjzfOrderId"-->
                <!--,callback:function (info) {-->
                    <!--var orderId = info.orderId;-->
                    <!--var orgInfo = info.appInfo;-->
                    <!--var obj = {-->
                        <!--appid:orgInfo.appid,-->
                        <!--appSecret:orgInfo.workKey,-->
                        <!--submerno:info.submerno,-->
                        <!--channelType:'alipay',-->
                        <!--goods_desc:'诊间付费',-->
                        <!--billNum:orderId,-->
                        <!--order_desc:'处方付费',-->
                        <!--billTotalFee:1,-->
                        <!--billTitle:"处方付费"-->
                    <!--};-->
                    <!--$.JkcsUtils.nativePermission({-->
                        <!--"type": "pay",-->
                        <!--"callBackMethod": "payEnd",-->
                        <!--"params":obj-->
                    <!--});-->
                <!--}-->
                <!--,params:{-->
                    <!--yljgdm:searchInfo.hosCode,-->
                    <!--klx:"01",-->
                    <!--kh:searchInfo.patientCardId,-->
                    <!--je:"0.01",//data.flje,-->
                    <!--cfhms:data.cfhm-->
                <!--}});-->



            <!--// var obj={-->
            <!--//     appid:'305101700000170',-->
            <!--//     appSecret:sign,-->
            <!--//     submerno:'305101700000170',-->
            <!--//     channelType:'alipay',-->
            <!--//     goods_desc:'测试商品',-->
            <!--//     billNum:"8977672323hbsd4",-->
            <!--//     order_desc:'just a test',-->
            <!--//     billTotalFee:1,-->
            <!--//     billTitle:"娃哈哈"-->
            <!--// }-->


        <!--}-->
        <!--function visibleRefresh(data){-->
            <!--// alert("1")-->
        <!--}-->
        <!--function payEnd(data){-->
            <!--var msg ="";-->
            <!--if(data.payStateCode==-1){-->
                <!--msg ="取消支付";-->
            <!--}else if(data.payStateCode==0){-->
                <!--msg ="支付失败";-->
            <!--}else if(data.payStateCode==1){-->
                <!--msg="支付成功";-->
            <!--}-->
            <!--$.QuickAlert.alertNormal(msg);-->
        <!--}-->

        <!--var cfg_def = {-->
            <!--getList: getList,-->
            <!--checkNum: checkNum,-->
            <!--displayDrug: displayDrug,-->
            <!--toOpenPay: toOpenPay,-->
            <!--toPay: toPay,-->
            <!--visibleRefresh: visibleRefresh,-->
            <!--payEnd: payEnd,-->
        <!--}-->

        <!--page_myBill.init = function(cfg){-->
            <!--$.extend(page_myBill, cfg_def, cfg);-->
            <!--$('.close-btn').click(function(){-->
                <!--$('.pay-list-box').hide();-->
            <!--});-->
            <!--$('#allPay').bind("click",function(){-->
                <!--$(".yyxx-box").removeClass("hide");-->
                <!--$('.pay-list-box').show();-->
                <!--$('.pay-list-box').find("li").click(function(){-->
                    <!--if( ! $(this).hasClass('active')){-->
                        <!--$(this).addClass('active').siblings().removeClass('active');-->
                    <!--}else{-->
                        <!--$(this).removeClass('active');-->
                    <!--}-->
                <!--});-->
                <!--$('.close-btn').click(function(){-->
                    <!--StoreCache.removeCache("payInfo");-->
                    <!--$('.pay-list-box').hide();-->
                <!--});-->


                <!--var cfhms = "";-->
                <!--var checkedBox = $("input.fwtc-choose-box:checked").parents(".bilsContent");-->
                <!--if(checkedBox.length > 0){-->
                    <!--checkedBox.each(function () {-->
                        <!--cfhms += "," + $(this).find(".cfhm").html();-->
                    <!--});-->
                    <!--cfhms=cfhms.substr(1);-->

                    <!--$(".pay-btn").data("payInfo",{-->
                        <!--cfhm:cfhms,-->
                        <!--flje:"0.01"-->
                    <!--})-->
                    <!--$('.pay-list-box').show();-->
                <!--}-->
            <!--});-->
            <!--page_myBill.getList();-->
            <!--$('#noPayBillTpl input').click(page_myBill.checkNum)-->

        <!--}-->

        <!--return page_myBill;-->
    <!--})(jQuery, {});-->
    <!---->








<!--</script>-->

